<section id="wxGZHconfig" class="pl-24 pr-24">
  <hl-page-header title="服务号配置" title-color="#999">
    <span slot="title" style="color:#f1a037;marginLeft:5px">*依据腾讯规定，只有通过认证的服务号才能使用消息模板给用户推送业务消息</span>
  </hl-page-header>

  <div class="internal">
    <h3>对内</h3>
    <ul>
      <li class="service-no" v-for="(item, index) in pnsData" v-if="item.type == 'I'">
        <div class="pic">
          <img :src="item.img" alt="logo">
        </div>
        <div class="txt">{{item.name}}</div>
        <div class="operation">
          <button class="border-r" @click="delwxTc(item.id, item.img)" v-if="permissions.indexOf('c104') > -1">解绑</button>
          <button v-else>--</button>
          <button @click="configTarge('I', item.id)" v-if="permissions.indexOf('c99') > -1">配置</button>
          <button v-else>--</button>
        </div>
      </li>
      <li class="binding" @click="getWXlink('I')" v-if="permissions.indexOf('c98') > -1">
        <div>
          <i class="icon-Gm-add"></i>
          <p>绑定服务号</p>
        </div>
      </li>
    </ul>
  </div>
  <div class="internal">
    <h3>对外</h3>
    <ul>
      <li class="service-no" v-for="(item, index) in pnsData" v-if="item.type == 'O'">
        <div class="pic"><img :src="item.img" alt="logo"></div>
        <div class="txt">{{item.name}}</div>
        <div class="operation">
          <button class="border-r" @click="delwxTc(item.id, item.img)" v-if="permissions.indexOf('c104') > -1">解绑</button>
          <button v-else>--</button>
          <button @click="configTarge('O', item.id)" v-if="permissions.indexOf('c99') > -1">配置</button>
          <button v-else>--</button>
        </div>
      </li>
      <li class="binding" @click="getWXlink('O')" v-if="permissions.indexOf('c98') > -1">
        <div>
          <i class="icon-Gm-add"></i>
          <p>绑定服务号</p>
        </div>
      </li>
    </ul>
  </div>

  <!-- //解绑微信 -->
  <div class="delWXpns" v-if="pnsOP.flag">
    <div class="container">
      <div class="close" @click="cancelWxpns"><i class="icon-Gm-close"></i></div>
      <div class="content">
        <p>解绑微信</p>
        <img :src="pnsOP.url" alt="">
        <b>解绑后将无法再收到消息推送</b>
      </div>
      <div class="operation">
        <button type="button" class="btn n-btn-primary" @click="delWXpns">确认解绑</button>
        <button type="button" class="btn n-btn-outline" @click="cancelWxpns">取消</button>
      </div>
    </div>
  </div>
</section>
<script src="modules/system_config/scripts/wxGZHconfig.js" charset="utf-8"></script>
